@charset "utf-8";
/* CSS Document */


body{
	width: 1349px;
	height: 600px;
	background-image: url(../image/background3.png);
	background-color: black;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
#box{
	width: 300px;
	height: 300px;
	margin: 0 auto;
	position: absolute;
	top: 40px;
	left: 350px;
	/*overflow: hidden;*/
}
.yhc{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 135px;
	left: 135px;
	border-radius: 50%;
	background-color: #92DD00;
	box-shadow: 2px 2px 20px #FFB400;
	/*transition:box-shadow 2s;*/
	/*transition:background-color 2s;*/
	transition-property: box-shadow,background-color;
	transition-duration: 2s,2s;
}

.hover{
	width: 120px;
	/*height: 170px;*/
	position: absolute;
	left: 15px;
	border-radius: 7px;
	background: rgba(240,173,78,0.8);
	display: none;
	overflow: hidden;
}
.yhc:hover .hover{
	display: block;
}
#center{
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: white;
	top: 125px;
	left: 125px;
	box-shadow: 2px 2px 23px white;
	z-index: 10;
}
#add{
	width: 250px;
	height: 300px;
	position: fixed;
	top: 150px;
	right: -230px;
	box-shadow: 1px 1px 13px white;
	border-radius: 17px;
	background: rgba(0,0,0,0.8);
	border: 1px solid white;

}

.input_title{
	color: white;
}
#input_div1{
	width: 90%;
	margin: 15px auto;
}
#input_div2{
	width: 90%;
	margin: 0 auto;
}
#submit{
	margin-left: 58px;
	margin-top: 7px;
}
#reset{
	margin-left: 20px;
	margin-top: 7px;
}
#p_nickname{
	width: 87%;
	margin: 0 auto;
	margin-top: 10px;
}
#p_content{
	width: 87%;
	margin: 0 auto;
	margin-bottom: 10px;
}
i{
	color: white;
	font-weight: 700;
}